/* css file for laszlosloth.net */


body {
  font-family:courier,monospace;
  font-size:24pt;
  margin:60px;
  color:black;
  background-color:lightgray;
  background-repeat: no-repeat;
  font-weight: normal;
}

p {
  font-family: courier, monospace;
  font-size: 20px;
  font-weight: normal;
}

.h1_config  {
  border-style: solid;
  background-color: black;
  text-align: center;
  color: white;
  margin: 0px 500px 50px 0px; 
}

img {
  border-style: solid;
  border-width: 1px;
}

.quote_div {
  background-color: silver;
  padding: 20px;
}

.caption_div {
  background-color: silver;
  padding: 20px;
}

.sloth_factoid_div {
  background-color: ghostwhite;
  padding: 20px;
  text-align: center;
  width:50%;
  margin:auto;
}

.comment_div {
  background-color: ghostwhite;
  padding: 20px;
  text-align: left;
  width:50%;
  margin:auto;
}

.title {        
  border: 1px outset black;
  background-color: black;
  font-size:60px;
  text-align: center;
  font-weight: bold;
  color: white;
  padding: 20px;
  width:500px;
  margin: 0px 0px 50px 0px;  
}
    
pre {
  font-family: courier, monospace;
  font-size: 20px;
  font-weight: normal;   
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  <!--flex-direction: row-reverse;-->
  justify-content: space-between;
  gap: 30px 20px;
}

.flex-item-left {
  flex: 50%;
}

.flex-item-right {
  flex: 50%;
}

.grid-container {
  display: grid;
  column-gap: 5px;
  row-gap: 5px;
  grid-template-columns: auto auto auto auto;
}


/*

.myDiv1 {
  border: 5px outset red;
  background-color: lightblue;
  text-align: center;
  margin: 20px 700px 10px 20px;
}

.myDiv2 {
  border: 1px outset black;
  background-color: lightblue;
  text-align: center;
  margin: 20px 50px 50px 20px;
}

*/